<style>
    a {
        cursor: pointer;
    }
</style>
<div class="flex-wrap-movielist" xmlns:th="http://www.thymeleaf.org">
    <div class="movie-item-style-2 movie-item-style-1" th:each="movie:${movieList}">
        <img th:src="'/movie/image/'+${movie.imageFileName}">
        <div class="hvr-inner">
            <a target="_blank" th:href="'/movie/detail/'+${movie.id}"> 详情 <i class="ion-android-arrow-dropright"></i>
            </a>
        </div>
        <div class="mv-item-infor">
            <h6><a th:href="'/movie/detail/'+${movie.id}"
                   th:text="${movie.name}">oblivion</a></h6>
            <p class="rate"><i class="ion-android-star"></i>
                <span th:text="${movie.rate}">8.1</span> /10</p>
        </div>
    </div>
</div>
<div class="topbar-filter" xmlns:th="http://www.thymeleaf.org">
    <label th:text="'总共 '+${totalMovies == null?'0':totalMovies}+' 条信息'">Movies per page:</label>
    <div class="pagination2">
        <span>Page 1 of 2:</span>
        <a
                th:each="i : ${#numbers.sequence(1,totalPage,1)}"
                th:class="${i == currentPage + 1?'active':''}"
                th:onclick="'loadMovieListGridFragment('+${i-1}+')'"
                th:id="'page'+${i}"
                th:text="${i}">1</a>
        <a href="#">
            <i class="ion-arrow-right-b"></i></a>
    </div>
</div>